<template>
    <div class="common-size endpage-content horizontal">
        <div class="hospital-info">
          <h1 class="thanks">THANKS</h1>
          <h2 class="data-for">Data for Productivity</h2>
          <h3 class="timer-for">引领医疗设备管理DT时代</h3>
          <div class="hospital-info-bg">
            <div class="table-cell">
              <div class="hospital-info-logo">
                <img src="../../assets/images/face_logo.png" alt="">
              </div>
            </div>
          </div>
        </div>
    </div>
</template>

<script>
  export default{
    name: 'h_end_page',
    props:['chartData'],
    data () {
      return {
        hospitalName:'',
        secondTitle: '',
        reportTime: ''
      }
    },
    methods: {
        getInfoData(){
          let data = this.$props.chartData
          console.log('YIYDDD:' + data.hospitalName)
          this.hospitalName = data.hospitalName
          this.secondTitle = data.secondTitle
          this.reportTime = data.reportTime
        }
    },
    computed:{
      count: function(){
      }
    },
    mounted(){
        this.getInfoData()
    }
  }
</script>
<style lang="scss">
.endpage-content.horizontal{
    background:url('../../assets/images/h_end_page.png') no-repeat !important;
    background-size: 100% 100% !important;
    position: relative;
    .medatc-logo{
        background:url('../../assets/images/medatc_logo.png') no-repeat;
        width:71px;
        height:71px;
        margin:50px 0 0 50px;
    }
    .hospital-info{
        width: 500px;
        height:400px;
        text-align: center;
        color: #FFF;
        margin: 219px auto 0 auto;
        .hospital-info-bg {
          width: 174px;
          height: 174px;
          border-radius: 165px;
          margin: 40px auto 0 auto;
          .table-cell {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 174px;
            height: 174px;
            .hospital-info-logo{
              width: 118px;
              height: 128px;
              border-radius: 165px;
              margin: auto;
              /*background: url("../../assets/images/face_logo.png") no-repeat;*/
              /*background-size: contain;*/
              img {
                max-width: 100%;
              }
            }
          }
          /*background: #fff;*/
        }
        .thanks{
            font-weight: normal;
            font-size: 32px;
        }
        .data-for{
          font-weight: bold;
          font-size: 48px;
          margin: 30px 0;
        }
        .timer-for{
          font-weight: bold;
          font-size: 32px;
        }
    }
}

</style>
